<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/web/commons/global.jsp"%>


<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title>标签:${tag.name }-佛教视频-极乐佛经网-提供大藏经下载大全_佛经念诵_经书抄写_助印经书_经书结缘</title>

<meta name="keywords"
	content="标签:${tag.name },佛教视频,极乐佛经登录,极乐佛经,极乐佛经网,极乐佛经官网" />
<meta name="description"
	content="标签:${tag.name }|佛教视频|极乐佛经|极乐佛经网|佛经大全|佛经下载|佛经念诵|经书抄写|助印经书|经书结缘-极乐佛经网。极乐佛经网是由净顺居士发心为广大佛友所编辑整理的在线看经、在线阅读佛经平台；包含佛经原文，佛经译文，佛经注音，佛经故事，佛经视 频，大藏经等相关佛教经典大全；让更多的佛友能从中学习到佛经、佛法的善知识！" />

<link rel="shortcut icon"
	href="${baseUrl }/resources/img/favicon.ico?a=3" type="image/x-icon" />
<link rel="bookmark" href="${baseUrl }/resources/img/favicon.ico?a=3"
	type="image/x-icon" />
<link href="${baseUrl }/resources/bootstrap-3.3.5/css/bootstrap.min.css"
	rel="stylesheet">
<link
	href="${baseUrl }/resources/font/Font-Awesome-3.2.1/css/font-awesome.min.css"
	rel="stylesheet" />

<link rel="stylesheet" href="${baseUrl }/resources/css/app.css" />
<link rel="stylesheet"
	href="${baseUrl }/resources/css/tag_video_list.css" />
<link rel="stylesheet"
	href="${baseUrl }/resources/css/common_video_layout.css" />

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <script src="${baseUrl }/resources/video-js-5.10.4/ie8/videojs-ie8.min.js"></script>
    <![endif]-->
<script src="${baseUrl }/resources/js/jquery-2.1.4.min.js"
	type="text/javascript">
	
</script>
<script src="${baseUrl }/resources/bootstrap-3.3.5/js/bootstrap.min.js"></script>

<script src="${baseUrl }/resources/js/tag_video_list.js"
	type="text/javascript">
	
</script>
</head>

<body>
	<%@ include file="/WEB-INF/jsp/web/commons/header.jsp"%>

	<div class="main-content-wrapper">
		<div class="main-content-wrapper-split">
			<section class="main-content">
				<nav class="breadcrumbs-nav">
					<ol class="breadcrumb breadcrumbs-nav-ol">
						<li><a href="${baseUrl }">首页</a></li>
						<li><a href="${baseUrl }/video/list.html">视频</a></li>
						<li class="active">${tag.name }</li>
					</ol>
				</nav>
				<div class="content-wrapper">
					<div class="vertical-spacing-10"></div>
					<div class="cur-videos-wrapper">
						<div class="cur-videos-tag">
							<span>${tag.name }</span>
						</div>
						<div class="spit-hr-1"></div>
						<div class="vertical-spacing-15"></div>
						<div id="-VIDEO-MAIN-CONTENT-">
							<div class="videos-wrapper">
								<c:forEach items="${videos}" varStatus="videoStatus_top">
									<c:if test="${videoStatus_top.index % 3 == 0 }">
										<div class="videos">
											<c:forEach items="${videos}" var="video"
												begin="${videoStatus_top.index}"
												end="${videoStatus_top.index + 2 }">
												<div class="video">
													<div class="img-div">
														<a href="${baseUrl }/video/${video.id }.html"> <img
															class="img" src="${video.coverUrl }" />
														</a>
													</div>
													<div class="content-div">
														<div class="content-div-title">
															<a href="${baseUrl }/video/${video.id }.html">
																<h2 class="title">${video.title }</h2>
															</a>
														</div>


														<div class="desc hid">${video.info }</div>
														<div class="desc-time-split"></div>
														<div class="time">
															<div>
																<span>同源${video.countCognate }集 ${video.showTime
																	}
																</span>
															</div>
															<div>
																<c:if test="${video.statistics.countWatch > 0}">
																	<span>${video.statistics.showCountWatch }</span>
																</c:if>
															</div>
															<div class="clear-both"></div>
														</div>
													</div>
												</div>
											</c:forEach>
										</div>
									</c:if>
								</c:forEach>
							</div>
							<div class="vertical-spacing-10"></div>
							<div class="video-pagination-wrapper">
								<div class="content">
									<ul class="pagination page-ul">

										<c:if test="${pagination.index > 1}">
											<li class="page-item"><a href="javascript:;"
												onclick="getTagVideoList(${tag.id},${pagination.index - 1})">&laquo;</a></li>
											<li class="page-item"><a href="javascript:;"
												onclick="getTagVideoList(${tag.id},1)">首页</a></li>
										</c:if>

										<c:forEach begin="${pagination.index }"
											end="${pagination.index + 7}" varStatus="pageStatus">
											<c:if test="${pageStatus.index <= pagination.pages}">
												<c:choose>
													<c:when test="${pageStatus.first }">
														<li class="page-item cur-page"><a href="javascript:;">${pageStatus.index
																}</a></li>
													</c:when>
													<c:otherwise>
														<li class="page-item"><a href="javascript:;"
															onclick="getTagVideoList(${tag.id},${pageStatus.index })">${pageStatus.index
																}</a></li>
													</c:otherwise>
												</c:choose>
											</c:if>
										</c:forEach>

										<c:if test="${pagination.index < pagination.pages}">
											<li class="page-item"
												onclick="getTagVideoList(${tag.id},${pagination.index + 1})"><a
												href="javascript:;">&raquo;</a></li>
											<li class="page-item"
												onclick="getTagVideoList(${tag.id},${pagination.pages} )"><a
												href="javascript:;">尾页</a></li>
										</c:if>

										<!-- 													<li class="page-item has-more"><a href="javascript:;">&hellip;</a></li> -->
									</ul>
								</div>

							</div>
						</div>
					</div>
					<div class="hot-tags-wrapper">
						<div class="hot-tags-title">
							<span>热门标签</span>
						</div>
						<div class="hot-tags">
							<ul class="list-group">
								<c:forEach items="${hotTags }" var="hotTag">
									<li class="list-group-item"><a
										href="list-tag-${hotTag.id}.html"><span><span
												class="label label-default tag clear-radius">${hotTag.name
													}</span></span>&nbsp;<span
											class="count">x${hotTag.countSource }</span></a></li>
								</c:forEach>
							</ul>
							<div class="vertical-spacing-5"></div>
						</div>
					</div>
					<div class="clear-both"></div>
				</div>

			</section>

			<%@ include file="/WEB-INF/jsp/web/commons/footer.jsp"%>

		</div>
	</div>

</body>
<script src="${baseUrl }/resources/js/app.js" type="text/javascript">
	
</script>
<script src="${baseUrl }/resources/js/common_video_layout.js"
	type="text/javascript">
	
</script>

</html>